﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="../../script/ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <link href="../../style/css/tool-icon-16.css" rel="stylesheet" type="text/css" />
    <script src="../../script/ext/adapter/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script src="../../script/ext/adapter/jquery/ext-jquery-adapter.js" type="text/javascript"></script>
    <script src="../../script/ext/ext-all.js" type="text/javascript"></script>
    <script src="../../script/ext/src/locale/ext-lang-zh_CN.js" type="text/javascript"></script>
    <!---->
    <title>个人中心</title>
    <script type="text/javascript">
        Ext.BLANK_IMAGE_URL = '/script/ext/resources/images/s.gif';
        Ext.onReady(function () {

            Ext.QuickTips.init();

            var tabForm = new Ext.TabPanel({
                margins: '5 5 5 0',
                bodyStyle: "padding:5px;",
                region: 'center'
            });

            var viewport = new Ext.Viewport({
                layout: 'border',
                items: [{
                    region: 'west',
                    collapsible: true,
                    xtype: 'treepanel',
                    width: 140,
                    autoScroll: true,
                    split: true,
                    margins: '5 0 5 5',
                    cmargins: '5',
                    bodyStyle: "padding:2px;",
                    title: "个人设置",
                    loader: new Ext.tree.TreeLoader(),
                    root: new Ext.tree.AsyncTreeNode({
                        expanded: true,
                        children: [{ text: '基本信息', leaf: true },
                        { text: '详细信息', leaf: true },
                        { text: '安全设置', leaf: true}]
                    }),
                    rootVisible: false,
                    listeners: {
                        click: function (node) {
                            if (node.isLeaf()) {
                                e.stopEvent();
                                tabForm.loadClass(node.attributes.href + "?time=" + new Date().getTime(), node.id);
                            }
                        }
                    }
                }, tabForm]
            });

            //布局加载
            viewport.doLayout();
            //延时加载
            setTimeout(function () { Ext.get('loading').remove(); Ext.get('loading-mask').fadeOut({ remove: true }); }, 400);
        });
    </script>
</head>
<body>
    <div id="loading-mask">
    </div>
    <div id="loading">
        <div class="loading-indicator">
            正在努力的加载...
        </div>
    </div>
</body>
</html>
